<!--
录入员工当天工作产量
-->
<ion-header>
  <ion-navbar color="headerColor">
    <ion-title>班组产量</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding class="bg-color">

  <div style="font-size: 1.2rem;text-align: center">
    <label>班长：</label>
    <span>{{personName}}</span>
    <label>班组日期：</label>
    <span>{{bzDate}}</span>
    <label>班组选择：</label>
    <span>{{bzSelect}}</span>
    <label>上班时间：</label>
    <span>{{workInTime}}</span>
    <label>下班时间：</label>
    <span>{{workOutTime}}</span>
  </div>


  <div style="margin-top: 3%"  class="tableWrap">
    <table class="table-thead">
      <colgroup>
        <col width="4%">
        <col width="8%">
        <col width="8%">
        <col width="9%">
        <col width="7%">
        <col width="6%">
        <col width="8%">
        <col width="10%">
        <col width="10%">
        <col width="7%">
        <col width="7%">
        <col width="15%">
      </colgroup>
      <thead>
      <tr>
        <th>序号</th>
        <th>厂别</th>
        <th>工序</th>
        <th>工号</th>
        <th>姓名</th>
        <th>出勤类型</th>
        <th>工站</th>
        <th>产品系列</th>
        <th>产品名称</th>
        <th>工作时长</th>
        <th>个人产量</th>
        <th>操作</th>
      </tr>
      </thead>
    </table>

    <div class="comTbody">
      <table class="table-tbody" style="border-top: 0;">
        <colgroup>
          <col width="4%">
          <col width="8%">
          <col width="8%">
          <col width="9%">
          <col width="7%">
          <col width="6%">
          <col width="8%">
          <col width="10%">
          <col width="10%">
          <col width="7%">
          <col width="7%">
          <col width="15%">
        </colgroup>
        <tbody id="table_body">
        <tr *ngFor="let item of dataList;let i=index" id="{{item.id}}">
          <td>{{i+1}}</td>
          <td>{{item.branchFactoryName}}</td>
          <td>{{item.procedureName}}</td>
          <td>{{item.persionNum}}</td>
          <td>{{item.persionName}}</td>
          <td id="{{item.persionId}}Att">
            <div *ngFor="let type of attendanceTypes">
              <span *ngIf="type.code==item.attendanceType">{{type.name}}</span>
            </div>
          </td>
          <td id="{{item.persionId}}Handle">
            <div *ngFor="let type of handleTypes">
              <span *ngIf="type.code==item.handleType">{{type.name}}</span>
            </div>
          </td>
          <td id="{{item.persionId}}Series">
            {{item.seriesName}}
          </td>
          <td id="{{item.persionId}}Pro">
            {{item.proName}}
          </td>
          <td id="{{item.persionId}}Time">
            {{item.workTime}}
          </td>
          <td id="{{item.persionId}}Yield">
            {{item.inOutput}}
          </td>
          <!--nowrap-->
          <td >
            <button ion-button style="height: 2rem;font-size: 1.2rem" *ngIf="item.isSource==0 && hasUpdating==false"
                    (click)="copyRow(item.persionId,item.persionNum,i)">增行
            </button>
            <button ion-button style="height: 2rem;font-size: 1.2rem" *ngIf="hasUpdating==false && personId=='' && rowid==''"
                    (click)="updateRow(item)">编辑
            </button>
            <button ion-button style="height: 2rem;font-size: 1.2rem"
                    *ngIf="hasUpdating==true && personId==item.persionId && rowid==item.id " (click)="saveRow(item)">保存
            </button>
            <button ion-button style="height: 2rem;font-size: 1.2rem"
                    (click)="delRow(item.id,item.persionId,item.isSource)">删除
            </button>
          </td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!--<div style="text-align: center;margin-top: 3%;">
    <button ion-button class="btn" (click)="submitBtn()">
      提交
    </button>
  </div>-->
</ion-content>
